<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>欢迎！</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="./localjs.js"></script>

    <style>
        div h1 {
            /*border: solid 1px;*/
            text-align: center;
            /*height: 200px;
            line-height: 200px;*/
        }
    </style>

</head>

<body>
    <div class="container">
        <h1>
            <a onclick="displaySignUp()">注册</a>
            <a onclick="displayLogin()">登陆</a>
        </h1>
    </div>
    <div class="container">
        <form role="form" method="GET">

            <div class="form-group">
                <input required class="form-control" id="username" placeholder="用户名" oninput="checkUserName(this)">
            </div>

            <div class="form-group">
                <input type="email" required class="form-control" id="usermail" placeholder="邮箱">
            </div>

            <div class="form-group">
                <input name="test" required type="password" class="form-control" id="userpassword" placeholder="密码（不少于六位）" onkeyup="setLabel()">
                <!--<br>-->
                <p id="label" style="display:none"> <br> 密码强度：弱</p>

            </div>

            <div class="form-group">
                <input required type="password" class="form-control" id="passwordagain" placeholder="重复输入密码" onblur="checkPassword(this)">
            </div>
            <div class="form-group">
                <input required type="text" class="form-control" id="loginname" placeholder="用户名" style="display:none;">
            </div>
            <div class="form-group">
                <input required type="password" class="form-control" id="loginpassword" placeholder="密码" style="display:none;">
            </div>

            <button id="signupsubmit" type="submit" class="btn btn-default" onclick="signUpSubmit()">注册</button>
            <button id="loginsubmit" type="submit" class="btn btn-default" onclick="LoginSubmit()" style="display:none;">登陆</button>
        </form>
    </div>

</body>

</html>
